import { StyleSheet, Dimensions } from 'react-native';
import Theme from '../../../../native-base-theme/variables/commonColor';

const { width } = Dimensions.get('window');
const inputWidth = (width - 40) * 0.65;

const styles = StyleSheet.create({
  conatiner: {
    backgroundColor: Theme.myPrimary,
    display: 'flex',
    flex: 1,
    color: '#ffffff',
    // justifyContent: 'space-between',
    position: 'relative',
  },
  textFont: {
    color: '#ffffff',
  },
  oneItem: {
    display: 'flex',
    flexDirection: 'row',
    paddingTop: 5,
    paddingBottom: 5,
    alignItems: 'center',
  },
  leftContent: {
    paddingLeft: 20,
    width: '35%',
  },
  rightContent: {
    paddingRight: 20,
    width: '65%',
    alignItems: 'center',
  },
  showSelect: {
    display: 'flex',
    flexDirection: 'row',
    justifyContent: 'space-between',
  },
  selectText: {
    color: '#ffffff',
    borderWidth: 1,
    borderColor: '#ffffff',
    borderStyle: 'solid',
    paddingLeft: 2,
    paddingRight: 2,
    borderRadius: 5,
    height: 24,
  },
  textAreaStyle: {
    borderColor: 'rgba(219,219,219,0.52)',
    color: '#ffffff',
    marginLeft: 20,
    marginRight: 20,
    borderRadius: 8,
  },
  submitBtn: {
    textAlign: 'center',
    backgroundColor: Theme.myPrimary,
    paddingTop: 15,
    paddingBottom: 15,
    flex: 1,
  },
  inputCls: {
    borderBottomColor: '#ffffff',
    borderStyle: 'solid',
    borderBottomWidth: 1,
    paddingBottom: 2,
    paddingLeft: 2,
    paddingTop: 0,
    paddingRight: 2,
    marginRight: 20,
    width: inputWidth,
  },
  marginTop5: {
    marginTop: 10,
  },
  hide: {
    display: 'none',
  },
  remainProblemContent: {
    paddingLeft: 20,
    paddingRight: 20,
  },
  checkBox: {
    width: 20,
    height: 20,
    borderColor: '#ffffff',
    borderWidth: 1,
    borderStyle: 'solid',
    borderRadius: 5,
  },
  changePratsItem: {
    paddingTop: 5,
    paddingBottom: 5,
  },
  borderGrey: {
    paddingTop: 10,
    paddingBottom: 10,
    borderStyle: 'solid',
    // borderColor: 'rgba(255,255,255,0.8)',
    // borderTopWidth: 4,
    // borderRightWidth: 4,
    // borderBottomWidth: 4,
    // borderLeftWidth: 4,
  },
  changeParts: {
    display: 'flex',
    flexDirection: 'row',
    alignItems: 'center',
  },
  partsNumBage: {
    fontSize: 12,
    color: '#207aff',
    fontFamily: 'STXingkai',
  },
  selectIncidentPart: {
    display: 'flex',
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
  },
  selectBtn: {
    borderColor: '#ffffff',
    borderStyle: 'solid',
    borderWidth: 1,
    borderRadius: 4,
    padding: 4,
  },
});

export default styles;
